/**
 * Created by fangshufeng on 2017/8/30.
 */
import React , {Component} from 'react';

import {
    View,
    Text,
    StyleSheet
} from 'react-native'

export  default  class BlueTab extends Component {

    static  propTypes = {
        // color:React.prototype.color,
        // pageText:React.prototype.string,

    };

    render (){
        return (
            <View style={[styles.tabContent, {backgroundColor: this.props.color}]}>
                <Text style={styles.tabText}>{this.props.pageText}</Text>
                <Text style={styles.tabText}> re-renders of the {this.props.pageText}</Text>
            </View>
        );
    };
}

const styles = StyleSheet.create({
    tabContent: {
        flex: 1,
        alignItems: 'center',
    },
    tabText: {
        color: 'white',
        margin: 50,
    },
});